<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
<style type="text/css">
	.inputText{
		width: 120px;
	}
	#queryVip{
		width:120px;
	}
	#queryPublish{
		width:120px;
	}
</style>
</head>
<body>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="40px">VIP模板</td>
		<td class="queryContent">
		    <select id="queryVip" name="queryVip" class="easyui-combobox" panelHeight="auto" editable="false">
		    		<option value="">[不限]</option>
					<option value="0">普通模版</option>
					<option value="10">VIP模版</option>
			</select> 
		</td>
		<td class="queryTitle" width="60px">设计师名</td>
		<td class="queryContent">
		    <select id="queryDesigner" name="queryDesigner" class="easyui-combobox" panelHeight="200px" editable="false" style="width: 180px">
			</select> 
		</td>
		<td class="queryTitle" width="60px">发布状态</td>
		<td class="queryContent">
		    <select id="queryPublish" name="queryPublish" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px">
		    		<option value="">[不限]</option>
					<option value="0">未发布</option>
					<option value="1">已发布</option>
			</select> 
		</td>
		<td class="queryTitle" width="60px">列表排序</td>
		<td class="queryContent">
		    <select id="querySort" name="querySort" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px">
			</select> 
		</td>
		<td class="queryBtnTd" rowspan="2">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery(1)">查询</a>
		</td>
	</tr>
	<tr>
		<td class="queryTitle" width="75px">模版ID</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryTmplId" />
		</td>
		<!--  <td class="queryTitle" width="75px">关联商品ID</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryItemId" />
		</td>-->
		<td class="queryTitle" width="75px">模板名称</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryTmplName" style="width: 180px"/>
		</td>
		<td class="queryTitle" width="68px">起始日期</td>
		<td class="queryContent">
			<input id="queryDateStart" class="easyui-datebox" style="width:120px">
		</td>
		<td class="queryTitle" width="68px">截止日期</td>
		<td class="queryContent">
			<input id="queryDateEnd" class="easyui-datebox" style="width:120px">
		</td>
	</tr>
</table>

<table id="tmplGrid"></table>

<div id="orderDlg" class="easyui-window" title="" closed="true" style="width:600px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="orderForm"  method="POST">
			<s:hidden name="designId" id="designId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">显示顺序</td>
					<td class="queryContent">
						<s:textfield id="order" name="order" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="orderBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUpdOrder()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdOrder()">取消</a>
    </div>
</div>

<div id="uDocDlg" class="easyui-window" closed="true" style="width:1100px; height:auto;text-align:center; background: #fff;">
	<form id="udocForm"  method="POST" style="margin: 0px">
	<table id="uDocTable" class="queryTable" style="margin: 0px">
		<tr>
			<td class="queryTitle" width="100px"><font color="red">模板ID:</font><span id="disign_id"></span></td>
			<td class="queryTitle" width="50px">文档ID</td>
			<td class="queryContent">
				<input class="inputText" type="text" id="queryDocId" />
			</td>
			<td class="queryTitle" width="80px">手机号</td>
			<td class="queryContent">
				<input class="inputText" type="text" id="queryMobile" />
			</td>
			<td class="queryTitle" width="68px">起始日期</td>
			<td class="queryContent">
				<input id="dateStart" class="easyui-datebox" style="width:120px">
			</td>
			<td class="queryTitle" width="68px">截止日期</td>
			<td class="queryContent">
				<input id="dateEnd" class="easyui-datebox" style="width:120px">
			</td>
		</tr>
		<tr>
			<td class="queryTitle" width="100px"></td>
			<td class="queryTitle" width="50px">用户ID</td>
			<td class="queryContent">
				<input class="inputText" type="text" id="queryUserId" />
			</td>
			
			<td class="queryTitle" width="65px">用户属性</td>
			<td class="queryContent">
				<select id="testFlg" class="easyui-combobox" panelHeight="auto" style="width:120px;" editTable="false"></select>
			</td>
			<td class="queryTitle" width="65px">买单状态</td>
			<td class="queryContent">
				<select id="payState" class="easyui-combobox" panelHeight="auto" style="width:120px;" editTable="false"></select>
			</td>
			<td class="queryBtnTd" colspan="2">
				<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery3()">查询</a>
			</td>
		</tr>
	</table>
	</form>
	<div border="false" style="margin:0px;">
		<s:hidden name="disId" id="disId"></s:hidden>
		<table id="uDocGrid"></table>
	</div>
</div>

<div id="priceDlg" class="easyui-window" title="" closed="true" style="width:600px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="priceForm"  method="POST">
			<s:hidden name="pDId" id="pDId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="priceTable">
				<tr>	
					<td class="queryTitle" width="120px">设计费(单位分)</td>
					<td class="queryContent">
						<s:textfield id="updPrice" name="updPrice" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="priceBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUpdPrice()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdPrice()">取消</a>
    </div>
</div>

<div id="vipDlg" class="easyui-window" title="" closed="true" style="width:400px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="vipForm"  method="POST">
			<s:hidden name="vDId" id="vDId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="vipTable">
				<tr>	
					<td class="queryTitle" width="120px">模版级别</td>
					<td class="queryContent">
					    <select id="updVip" name="updVip" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
					    		<option value="0" selected>普通模版</option>
								<option value="10">VIP专属模版</option>
						</select> 
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="vipBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUpdVip()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdVip()">取消</a>
    </div>
</div>

<!-- 视频关键词 -->
<div id="keywordDlg" class="easyui-window" title="" closed="true" style="width:850px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="keywordForm"  method="POST">
			<s:hidden name="kwDId" id="kwDId"/>
			<s:hidden name="kwType" id="kwType"/>
			<table border="0" class="queryTable" width="96%" height="auto" style="margin-bottom:0px;" id="keywordTable">
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="keywordBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="updKW()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelKW()">取消</a>
    </div>
</div>

<!-- 视频模板套餐 -->
<div id="mealDlg" class="easyui-window" title="" closed="true" style="width:850px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="mealForm"  method="POST">
			<s:hidden name="uitemId" id="uitemId"/>
			<table border="0" class="queryTable" width="96%" height="auto" style="margin-bottom:0px;" id="mealTable">
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="mealBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="updMeal()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelMeal()">取消</a>
    </div>
</div>

<!-- 视频设定表单  -->
<div id="viFormDlg" class="easyui-window" title="" closed="true" style="width:1000px; height:auto;text-align:center; background: #fff;">
	<form id="viFormForm"  method="POST">
		<s:hidden name="uitemId" id="uitemId"/>
		<table class="queryTable">
			<tr>
				<td class="queryTitle">设计模板ID:</td>
				<td class="queryContent"><span id="designIdForm" style="width:80px;"></span></td>
				<td class="queryTitle">模板已设置的表单ID:</td>
				<td class="queryContent"><span id="formId" style="width:80px;color:red;"></span></td>
			</tr>
		</table>
		<table id="viFormTanle">
		</table>
	</form>
</div>


<!-- 视频播放 -->
<div id="playVideoDlg" class="easyui-window" closed="true" style="width:550px; height: 550px;background: #fafafa;">
	<div class="easyui-layout" fit="true">
         <div data-options="region:'center',title:'视频资源',split:true" style="height:350px;text-align:center;" id="viderUrl"></div>
         <div data-options="region:'south',title:'封面图',split:true" style="height:195px;" id="videoThumb">
			<s:hidden id="vDesignId"></s:hidden>
         	<div style="display:table;text-align:center;height:150px;width:300px;float:left;" id="thumb">
         		<span style="display:table-cell;vertical-align:middle" id="topicImg"></span>
         	</div>
         	<div style="margin-top:60px;float:left;">
         		<a class="easyui-linkbutton" id="selImgFile" href="javascript:void(0)" style="font-size: 0px;">选择图像</a><br/>
         		<hr/>
         		<a class="easyui-linkbutton" onclick="updVideoThumb()" href="javascript:void(0)" style="font-size: 0px;">保存</a><br/>
         	</div>
         </div>
     </div>
</div>

<!-- 视频播放 -->
<div id="playUserVideoDlg" class="easyui-window" closed="true" style="width:550px; height: 550px;background: #fafafa;">
	<div class="easyui-layout" fit="true">
         <div data-options="region:'center',title:'视频资源',split:true" style="height:350px;" id="userViderUrl">
         </div>
         <div data-options="region:'south',title:'封面图',split:true" style="height:195px;" id="userVideoThumb"></div>
     </div>
</div>

<div id="dialog" title="" class="easyui-window" closed="true" >
	<div border="false" style="padding-left:20px;">
		<form id="editDesForm"  method="POST">
			<s:hidden name="editDesNameDesignId" id="editDesNameDesignId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">标题内容:</td>
					<td class="queryContent" height="45px">
						<s:textfield id="editDesName" cssClass="inputText easyui-validatebox" cssStyle="width:250px;height:35"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="editDesNameBtn">
		<a class="easyui-linkbutton" href="javascript:void(0)" iconCls="icon-ok" plain="true" onclick="doUpDesName()">设定</a>
		&nbsp&nbsp
		<a class="easyui-linkbutton" href="javascript:void(0)" iconCls="icon-no" plain="true" onclick="cancelUpDesName()">取消</a>
    </div>
</div>

<script type="text/javascript" src="${ctx }/js/qiniu/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/js/tg/uploadcom.js"></script>
<script type="text/javascript" src="${ctx}/js/tg/ajaxupload.js"></script>
<script type="text/javascript" src="${ctx}/js/encrypt/encrypted-min.js"></script>
<script type="text/javascript" src="${ctx}/js/video/videoDesignInfo.js"></script>
</body>
</html>
